<%@ include file="/WEB-INF/views/common/includes.jsp"%>

<body>
	<section class="panel col-lg-6">
		<div class="panel-heading" style="padding: 8px 10px">
			<b>Advanced Search</b>
		</div>
		<div class="panel-body ">
			<form method="get" action="advancedSearchResults">
				<div class="row" style="margin-bottom:15px">
					<div class="form group">
						<label class="control-label">Include</label> 
						<input type="text"
							class="form-control" style="width: 70%;"
							placeholder="Ingredients You Like(add space between them)" name="liked_ingredients">
					</div>
				</div>
				<div class="row" style="margin-bottom:15px">
					<div class="form group">
						<label class="control-label">Don't Include</label> 
						<input type="text"
							class="form-control" style="width: 70%;"
							placeholder="Ingredients You Hate(add space between them)" name="hated_ingredients">
					</div>
				</div>
				<div class="row" style="margin-bottom:15px">
					<div class="form group">
						<label class="control-label">Cooking Time(under)</label> 
						<input type="text"
							class="form-control" style="width: 70%;"
							placeholder="in minutes" name="cookTime" value=30>
					</div>
				</div>
				<div class="row" style="margin-bottom:15px">
					<label class="control-label">Easiness</label> <select
							class="form-control" style="width:70%"name="easiness">
							<option value="Easy" selected="selected">Easy</option>
							<option value="Medium">Medium</option>
							<option value="Hard">Hard</option>
					</select>
				</div>
				<div class="row" style="margin-bottom:25px">
					<div class="col-lg-9"></div>
					<div class="col-lg-3 text-right">
						<input type="submit" class="btn btn-primary" value="Search" />
					</div>
				</div>
			</form>
		</div>
	</section>
	<section class="panel col-lg-6">
		<div class="panel-heading" style="padding: 8px 10px">
			<b>Semantic Advanced Search (According to the Keyword)</b>
		</div>
		<div class="panel-body">
			<form method="GET" action="semanticSearch">
				<div class="row" style="margin-bottom:50px">
					<label class="control-label">Keyword</label> 
					<input class="form-control" type="text" placeholder="Tags(put space between tags)"
		name="semanticTags">
				</div>
				<div class="row" style="margin-bottom:50px">
					<div class="col-lg-9"></div>
					<div class="col-lg-3 text-right">
						<input type="submit" class="btn btn-primary" value="Search" />
					</div>
				</div>
			</form>
		</div>
	</section>
</body>